<?php 
$this->load->view('user/head'); 
$this->load->view('user/header');
//$this->load->view('user/left_nav');
?>
<style>
.err2{ color:red; }
</style>
<div class="space40"></div>
<img src="<?php echo ASSET_URL.'img/slider/02.jpg';?>" alt=""> 
  <!-- Content -->  
  <div class="container">
    <div class="row"> 
    <div class="col-md-3 col-xs-12">
      <!--user_profile starts-->
      	<div class="user_profile">
        
                <div class="user">
        	<div class="user_image">
            	<?php  echo "<img src='".$result[0]->user_profile_photo."'>";?>
            </div>
            <div class="user_name">
                      <?php  echo $result[0]->user_first_name; ?>
            </div>
            <div class="clearfix"></div>
            <div class="bottom_image">
            <img src="<?php echo ASSET_URL.'img/bottom_image.png';?>">
            </div>
            </div>
          <div class="Contact_type">
           	<h3>Contact</h3>
            <a href="#"> <?php echo $result[0]->user_email; ?></a>
          </div>
           <!--<div class="edit_profile">
       	  	<a href="#">EDIT PROFILE</a>
          </div>-->
          <div class="apply_now">
          	<ul>
            	<li>
                	<a href="<?php echo BASE_URL.'/user/edit_details'; ?>" class="active">Personal Details</a>
                </li>
            	<li>
                	<a href="<?php echo BASE_URL.'user/research_background';?>">Research Background</a>
                </li>
            	<li>
                	<a href="application_form2.html">Documents</a>
                </li>
            	<li>
                	<a href="refree_approval.html">Refree Details</a>
                </li>
            </ul>
          </div>
		</div>
      <!--user_profile ends-->
      </div>
      
<div class="col-md-9 col-xs-12">
      <!--form_details starts-->
      	<div class="form_details">
  			<div class="space30"></div>  
            <!--form_container starts-->
            	<div class="form_container">
            		<h4>Research Background</h4>
                    <!--row starts-->
                    <div class="career2">
                    	<div class="row1">
                        
                    	<div class="form-group col-sm-10 career">
                        	<label for="name2">Career Summary</label>
                            <textarea class="form-control white" id="career_summary" name="career_summary" onblur="if(this.value == '') this.value='Career Summary'" onfocus="if(this.value == 'Career Summary') this.value=''" type="text" value="Career Summary"></textarea>
                            <div class="error" id="err-name">Please enter career Summary</div>
                        </div>
                        <div class="form-group col-sm-2">
                        	<div class="add_more">
                        		<img src="img/add_more.png" alt="Add more" id="addinputs">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    </div>
                    <!--row closed-->
                    <!--row starts-->
                    	<div class="document_inner">
                            <div class="row1">
                                <div class="form-group col-sm-4 photo">
                                    <label for="name2">Upload Document</label>
                                        <input type="file" class="form-control white">
                                    <div class="error" id="err-name">Please enter first name</div>
                                </div>
                                <div class="form-group col-sm-2">
                                <div class="add_more">
                                    <img src="img/add_more.png" alt="Add more" id="photo2">
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            </div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                        <div class="row1">
                        	<div class="seprator"></div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                    <div class="Honours2">
                    	<div class="row1">
                        
                    	<div class="form-group col-sm-10 Honours">
                        	<label for="Honours_Awards_And_Fellowships">Honours, Awards And Fellowships</label>
                            <textarea class="form-control white" id="Honours_Awards_And_Fellowships" name="Honours_Awards_And_Fellowships" onblur="if(this.value == '') this.value='Honours, Awards And Fellowships'" onfocus="if(this.value == 'Honours, Awards And Fellowships') this.value=''" type="text" value="Honours, Awards And Fellowships"></textarea>
                            <div class="error" id="err-name">Please enter Honours, Awards And Fellowships</div>
                        </div>
                        <div class="form-group col-sm-2">
                        	<div class="add_more">
                        		<img src="img/add_more.png" alt="Add more" id="Honours">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    </div>
                    <!--row closed-->
                    <!--row starts-->
                    	<div class="document_inner2">
                            <div class="row1">
                                <div class="form-group col-sm-4 photo">
                                    <label for="name2">Upload Document</label>
                                        <input type="file" class="form-control white">
                                    <div class="error" id="err-name">Please enter first name</div>
                                </div>
                                <div class="form-group col-sm-2">
                                <div class="add_more">
                                    <img src="img/add_more.png" alt="Add more" id="photo3">
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            </div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                        <div class="row1">
                        	<div class="seprator"></div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                    <div class="list_all2">
                    	<div class="row1">
                        
                    	<div class="form-group col-sm-10 list_all">
                        	<label for="list">List All Positions On Boards Of Research Organisations And Professional Societies</label>
                            <textarea class="form-control white" id="list" name="list" onblur="if(this.value == '') this.value='List All Positions On Boards Of Research Organisations And Professional Societies'" onfocus="if(this.value == 'List All Positions On Boards Of Research Organisations And Professional Societies') this.value=''" type="text" value="List All Positions On Boards Of Research Organisations And Professional Societies"></textarea>
                            <div class="error" id="err-name">Please enter List All Positions On Boards Of Research Organisations And Professional Societies</div>
                        </div>
                        <div class="form-group col-sm-2">
                        	<div class="add_more">
                        		<img src="img/add_more.png" alt="Add more" id="List_all2">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    </div>
                    <!--row closed-->
                    <!--row starts-->
                    	<div class="document_inner3">
                            <div class="row1">
                                <div class="form-group col-sm-4 photo">
                                    <label for="name2">Upload Document</label>
                                        <input type="file" class="form-control white">
                                    <div class="error" id="err-name">Please enter first name</div>
                                </div>
                                <div class="form-group col-sm-2">
                                <div class="add_more">
                                    <img src="img/add_more.png" alt="Add more" id="photo4">
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            </div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                        <div class="row1">
                        	<div class="seprator"></div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                    <div class="research2">
                    	<div class="row1">
                        
                    	<div class="form-group col-sm-10 research">
                        	<label for="reasearch">Research Grants And Sponsored Projects</label>
                            <textarea class="form-control white" id="research" name="research" onblur="if(this.value == '') this.value='Research Grants And Sponsored Projects'" onfocus="if(this.value == 'Research Grants And Sponsored Projects') this.value=''" type="text" value="Research Grants And Sponsored Projects"></textarea>
                            <div class="error" id="err-name">Please enter Research Grants And Sponsored Projects</div>
                        </div>
                        <div class="form-group col-sm-2">
                        	<div class="add_more">
                        		<img src="img/add_more.png" alt="Add more" id="research2">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    </div>
                    <!--row closed-->
                    <!--row starts-->
                    	<div class="document_inner4">
                            <div class="row1">
                                <div class="form-group col-sm-4 photo">
                                    <label for="name2">Upload Document</label>
                                        <input type="file" class="form-control white">
                                    <div class="error" id="err-name">Please enter first name</div>
                                </div>
                                <div class="form-group col-sm-2">
                                <div class="add_more">
                                    <img src="img/add_more.png" alt="Add more" id="photo5">
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            </div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                        <div class="row1">
                        	<div class="seprator"></div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                    <div class="professional_service2">
                    	<div class="row1">
                        
                    	<div class="form-group col-sm-10 professional_service">
                        	<label for="professional_service">Professional Service</label>
                            <textarea class="form-control white" id="professional_service" name="professional_service" onblur="if(this.value == '') this.value='Professional Service'" onfocus="if(this.value == 'Professional Service') this.value=''" type="text" value="Professional Service"></textarea>
                            <div class="error" id="err-name">Please enter Professional Service</div>
                        </div>
                        <div class="form-group col-sm-2">
                        	<div class="add_more">
                        		<img src="img/add_more.png" alt="Add more" id="professional_service2">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    </div>
                    <!--row closed-->
                    <!--row starts-->
                    	<div class="document_inner5">
                            <div class="row1">
                                <div class="form-group col-sm-4 photo">
                                    <label for="name2">Upload Document</label>
                                        <input type="file" class="form-control white">
                                    <div class="error" id="err-name">Please enter first name</div>
                                </div>
                                <div class="form-group col-sm-2">
                                <div class="add_more">
                                    <img src="img/add_more.png" alt="Add more" id="photo6">
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            </div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                        <div class="row1">
                        	<div class="seprator"></div>
                        </div>
                    <!--row closed-->
                    <!--row starts-->
                    <div class="esteem_contribution2">
                    	<div class="row1">
                        
                    	<div class="form-group col-sm-10 esteem_contribution">
                        	<label for="esteem_contribution">Esteem Contribution</label>
                            <textarea class="form-control white" id="esteem_contribution" name="esteem_contribution" onblur="if(this.value == '') this.value='Esteem Contribution'" onfocus="if(this.value == 'Esteem Contribution') this.value=''" type="text" value="Esteem Contribution"></textarea>
                            <div class="error" id="err-name">Please enter Esteem Contribution</div>
                        </div>
                        <div class="form-group col-sm-2">
                        	<div class="add_more">
                        		<img src="img/add_more.png" alt="Add more" id="esteem_contribution2">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    </div>
                    <!--row closed-->
                    <!--row starts-->
                    	<div class="document_inner6">
                            <div class="row1">
                                <div class="form-group col-sm-4 photo">
                                    <label for="name2">Upload Document</label>
                                        <input type="file" class="form-control white">
                                    <div class="error" id="err-name">Please enter first name</div>
                                </div>
                                <div class="form-group col-sm-2">
                                <div class="add_more">
                                    <img src="img/add_more.png" alt="Add more" id="photo7">
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            </div>
                        </div>
                    <!--row closed-->
                </div>
            <!--form_container starts-->
            <!--form_container starts-->
            <div class="space30"></div>
            <button type="submit" class="btn btn-primary" id="send">Save & Continue</button>
        </div>
      <!--form_details ends-->
      </div>
      <div class="clearfix"></div>
      <div class="space90"></div>  
    </div> 
  </div> 
  
  <div class="space30"></div>  
